<template>
    <div class="red">
        {{ msg }}
    </div>
    <div>
        <el-button @click="sayHello" type="primary">Primary</el-button>
    </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import indexApi from '@/api/index'

const msg = ref('hello world. this is a vue3')

const sayHello = async () => {
    const res = await indexApi.sayHello()
    console.table(res.data)
}
</script>

<style scoped lang="scss">
.red {
    color: $font-color;
}
</style>
